<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
</head>

<body>
    <div class="container">
        <div class="log">
            <a href="./login.html">密码登录</a>
        </div>
        <h2>手机号登录/注册</h2>
        <div class="title">快速找到好友, 一站式记录你的运动</div>
        <form action="#">

            <div class="id-box">
                <div class="icon-box">
                    <span>+86</span>
                    <span class="iconfont icon-jiantou"></span>
                </div>
                <input type="text" placeholder="输入手机账号" id="phone" autocomplete="off">
            </div>
            <p class="hint"></p>

            <div class="verify-box">
                <input type="text" placeholder="请输入验证码" id="verify" autocomplete="off">
                <canvas id="captcha" class="ml12" width="123" height="50"></canvas>
            </div>
            <p class="hint"></p>
            <div>
                <input type="password" placeholder="请输入密码" id="pwd1">
            </div>
            <p class="hint"></p>

            <div>
                <input type="password" placeholder="请再次输入密码" id="pwd2">
            </div>
            <p class="hint"></p>
            <input type="button" value="注册账号" class="btn">
        </form>
        <div class="links">
            <a href="javascript:;">
                <i class="iconfont icon-weixin"></i>
                微信登录
            </a>
        </div>
        <p>- HOLD ON -</p>

    </div>
</body>

</html>
